<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function() {
				//点击按钮后，让所有的p标签都变色
				var my_btn = document.getElementById("btn");

				my_btn.onclick = function() {
					//通过标签名来获取元素
					var my_p = document.getElementsByTagName("p");
					console.log(my_p);

					for(var i = 0; i <= my_p.length - 1; i++) {
						my_p[i].style.background = "yellow";
					}
				}
			}
		</script>
	</head>

	<body>
		<input type="button" id="btn" value="点击我" />
		<p>哈哈，我是一个p1</p>
		<p>哈哈，我是一个p2</p>
		<h2>我是一个h2</h2>
		<div>我是一个div</div>
		<p>哈哈，我是一个p3</p>
	</body>

</html>